<template>
  <div id="app2">
    <div class="head">
      <img src="../assets/logo.png" alt="" class="logo" />
      <div class="right clearfix">
        <img src="../assets/l0.png" alt="" />
      </div>
    </div>
    <div class="nav">
      <div class="nav_inner clearfix">
        <ul class="clearfix">
          <li>首页</li>
          <li>关于首页</li>
          <li>新闻中心</li>
          <li>集团业务</li>
          <li>社会责任</li>
          <li>人力资源</li>
          <li>投资者关系</li>
          <li>联络恒大</li>
          <li><img src="../assets/search.jpg" alt=""></li>
        </ul>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "Head",
  props: [],
  data() {
    return {};
  },
  components: {},
  computed: {},
  beforeMount() {},
  mounted() {},
  methods: {},
  watch: {},
};
</script>
<style lang='less' scoped>
.clearfix::after {
  clear: both;
  display: block;
  content: "";
}
* {
  margin: 0;
  padding: 0;
  list-style: none;
}
#app2 {
  .head {
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    .logo {
      width: 132px;
      height: 34px;
      margin-top: 34px;
    }
    .right {
      width: 115px;
      height: 16px;
      position: absolute;
      right: 0;
      bottom: 10px;
      margin-top: 10px;
      overflow: hidden;
      img {
        width: 118px;
        height: 100%;
      }
    }
  }
  .nav {
    margin-top: 10px;
    border-top: 1px #e8e8e8 solid;
    .nav_inner {
      width: 1200px;
      margin: 0 auto;
      ul {
        float: right;
        height: 45px;
        line-height: 45px;
        li {
        padding-top: 2px;
          float: left;
          font-size: 13px;
          color: #757575;
          font-family: "microsoft yahei";
          font-weight: bold;
          list-style: disc;
          margin: 0px 17px;
          &:nth-child(1){
              list-style: none;
          }
          &:nth-child(9){
              list-style: none;
          }
        }
      }
    }
  }
}
</style>